@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar {
  &::-webkit-scrollbar-track-piece {
    background: #d3dce6;
  }
  &::-webkit-scrollbar {
    width: 6px;
  }
  &::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}

/* element-ui  配色 */
$color-Blue: #409EFF;
$color-Success: #67C23A;
$color-Warning: #E6A23C;
$color-Danger: #F56C6C;
$color-Info: #909399;

$color-yellow:#ffc201;
$color-org:#ff5f01;

$color-gre1:#1b9c52;
$color-gre2:#0aba57;
$color-gre3:#91e0b3;
$color-yel2:#f2ea28;

$color-text1:#303133;
$color-text2:#606266;
$color-text3:#909399;
$color-text4:#C0C4CC;

$color-border1:#DCDFE6;
$color-border2:#E4E7ED;
$color-border3:#EBEEF5;
$color-border4:#F2F6FC;


$body-bg:#fbf9fe;


/* 标题两行隐藏 */
.tilelic{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

